import Vue from 'vue'
Vue.directive('btn-key', {
    // el: 就是绑定的元素
    // binding： 配置对象 { value } v-btn-key="value"
    inserted(el, binding) {
        // TC
        let author = binding.value;
        // 先判断指令 有没有传递值
        if (author) {
            // 判断权限
            if (!chckKey(author)) {
                // 权限不够, 删除元素
                el.remove()
            }
        } else {
            // 没有权限 提示
            throw new Error('请传递按钮权限')
        }
    }
})

// 权限校验
function chckKey(key) {
    // 获取当前用户的权限
    let keys = sessionStorage.getItem('author') || '';

    let index = keys.indexOf(key);
    if (index > -1) {
        return true
    } else {
        return false
    }
}